<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ include file="/common/taglibs.jsp"%>
<%@taglib uri="http://www.springframework.org/tags" prefix="spring" %>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>91琴趣服务平台 - 登录</title>
<script type="text/javascript" src="${ctx }/js/bootstrap/jquery.js"></script>
<script type="text/javascript">
function reloadVerifyCode(){
    document.getElementById('verifyCodeImage').setAttribute('src', '${ctx }/login/getVerifyCodeImage?'+Math.random()); 
}
</script>
<style type="text/css">
.login-layout {
	background-image:url(${ctx }/images/pic.jpg);
	background-size:100% 100%;
}
</style>
</head>
<body>
	<c:if test="${not empty message_login }">
		<div class="alert alert-danger">
			<button type="button" class="close" data-dismiss="alert">
				<i class="ace-icon fa fa-remove"></i>
			</button>
			${message_login} <br />
		</div>
	</c:if>
	<div class="main-container">
		<div class="main-content">
			<div class="row">
				<div class="col-sm-10 col-sm-offset-1">
					<div class="login-container">
						<div class="center" style="padding-top: 50px;">
							<h2>
								
								<img alt="" src="${ctx }/images/logo.png"/>
								<!--  <span
									style="margin-left: 10px; color: #f7f7f7">91琴趣服务平台</span> -->
							</h2>
						</div>

						<div class="space-6"></div>

						<div class="position-relative">
							<div id="login-box"
								class="login-box visible widget-box no-border" style="background-color: #ffffff">
								<div class="widget-body">
									<div class="widget-main">
										<h4 class="header blue lighter bigger">
											<i class="ace-icon fa fa-coffee green"></i> <fmt:message key="login"/>
										</h4>

										<div class="space-6"></div>

										<form action="${ctx }/login/login" method="POST">
											<fieldset>
												<label class="block clearfix"> <span
													class="block input-icon input-icon-right"> <input
														type="text" class="form-control" placeholder="<spring:message code="username" />"
														name="username" value="" /> <i class="ace-icon fa fa-user"></i>
												</span>
												</label> <label class="block clearfix"> <span
													class="block input-icon input-icon-right"> <input
														type="password" class="form-control" placeholder="<spring:message code="password" />"
														name="password" value="" /> <i class="ace-icon fa fa-lock"></i>
												</span>
												</label> <label class="block clearfix">
													<div class="col-xs-6 project-nopadding">
														<span class="block input-icon input-icon-right"> <input
															type="text" class="form-control" placeholder="<spring:message code="validatecode" />"
															name="verifyCode" maxlength="4" />
														</span>
													</div>
													<div class="col-xs-6">
														<img id="verifyCodeImage" onclick="reloadVerifyCode()"
															src="${ctx }/login/getVerifyCodeImage"
															style="cursor: pointer;" />
													</div>
												</label>

												<div class="space"></div>

												<div class="clearfix">
													<!-- <label class="inline"> <input type="checkbox"
														class="ace" /> <span class="lbl"> 记住密码</span>
													</label> -->

													<button type="submit"
														class="width-35 pull-right btn btn-sm btn-primary">
														<i class="ace-icon fa fa-key"></i> <spring:message code="login" />
													</button>
												</div>

												<div class="space-4"></div>
											</fieldset>
										</form>
									</div>
									<!-- /widget-main -->
								</div>
								<!-- /widget-body -->
							</div>
							<!-- /login-box -->
						</div>
						<!-- /position-relative -->
					</div>
				</div>
				<!-- /.col -->
			</div>
			<!-- /.row -->
		</div>
	</div>
	<!-- /.main-container -->
</body>
</html>